<template>
  <el-container>
    <Header></Header>
    <el-main>
      <el-card class="car1">
        <el-row class="cont1">
          <el-col :span="24"
            ><div class="grid-content bg-purple-dark">
              <el-link type="primary" @click="setTel">手机号码设置</el-link>
            </div></el-col
          >
        </el-row>
        <el-row class="cont1">
          <el-col :span="24"
            ><div class="grid-content bg-purple-dark">
              <el-link type="primary">消息接收</el-link>
            </div></el-col
          >
        </el-row>
      </el-card>
    </el-main>
    <el-footer>
      <Footer></Footer>
    </el-footer>
  </el-container>
</template>

<script>
import Footer from "@/components/Footer";
import Header from "@/components/Header";
export default {
  name: "Parking",
  components: { Header, Footer },
  data() {
    return {};
  },
  methods: {
    setTel(){
        this.$router.push("/changetel");
    }
  },
};
</script>

<style scoped>
.el-container {
  width: 400px;
  height: 600px;
  border: 1px solid black;
  margin: auto;
  background-color: #ffffff;
}
.el-card {
  border-radius: 20px;
}
.grid-content {
  font-size: 17px;
}
.cont1 {
  margin-top: 8px;
}
</style>